<!--right column-->
<aside class="col-lg-3 col-md-3 col-sm-3"> 
  <!--widgets-->
  <figure class="widget shadow r_corners wrapper m_bottom_30">
    <figcaption>
      <h3 class="color_light">Lọc theo</h3>
    </figcaption>
    <div class="widget_content"> 
      <!--filter form-->
      <form>
        <!--checkboxes-->
        <fieldset class="m_bottom_15">
          <legend class="default_t_color f_size_large m_bottom_15 clearfix full_width relative"> <b class="f_left">Thương hiệu</b>
          <button type="button" class="f_size_medium f_right color_dark bg_tr tr_all_hover close_fieldset"><i class="fa fa-times lh_inherit"></i></button>
          </legend>
          <input type="checkbox" name="" id="checkbox_1" class="d_none">
          <label for="checkbox_1">Chanel</label>
          <br>
          <input type="checkbox" checked name="" id="checkbox_2" class="d_none">
          <label for="checkbox_2">Calvin Klein</label>
          <br>
          <input type="checkbox" name="" id="checkbox_3" class="d_none">
          <label for="checkbox_3">Prada</label>
          <br>
        </fieldset>
        <!--price-->
        <fieldset class="m_bottom_20">
          <legend class="default_t_color f_size_large m_bottom_15 clearfix full_width relative"> <b class="f_left">Giá</b>
          <button type="button" class="f_size_medium f_right color_dark bg_tr tr_all_hover close_fieldset"><i class="fa fa-times lh_inherit"></i></button>
          </legend>
          <div id="price" class="m_bottom_10"></div>
          <div class="clearfix range_values">
            <input class="f_left first_limit" readonly name="" type="text" value="100.000 VNĐ">
            <input class="f_right last_limit t_align_r" readonly name="" type="text" value="250.000 VNĐ">
          </div>
        </fieldset>
        <!--size-->
        <fieldset class="m_bottom_15">
          <legend class="default_t_color f_size_large m_bottom_15 clearfix full_width relative"> <b class="f_left">Kích thước</b>
          <button type="button" class="f_size_medium f_right color_dark bg_tr tr_all_hover close_fieldset"><i class="fa fa-times lh_inherit"></i></button>
          </legend>
          <input type="radio" name="size" id="radio_1" class="d_none">
          <label for="radio_1">S</label>
          <br>
          <input type="radio" name="size" checked id="radio_2" class="d_none">
          <label for="radio_2">M</label>
          <br>
          <input type="radio" name="size" id="radio_3" class="d_none">
          <label for="radio_3">L</label>
          <br>
        </fieldset>
        <!--color-->
        <fieldset class="m_bottom_25 m_sm_bottom_20">
          <legend class="default_t_color f_size_large m_bottom_15 clearfix full_width relative"> <b class="f_left">Màu sắc</b>
          <button type="button" class="f_size_medium f_right color_dark bg_tr tr_all_hover close_fieldset"><i class="fa fa-times lh_inherit"></i></button>
          </legend>
          <ul class="horizontal_list clearfix">
            <li class="m_right_5 m_sm_bottom_5">
              <button type="button" autofocus class="select_color red r_corners color_dark active"><i class="fa fa-check lh_inherit tr_all_hover"></i></button>
            </li>
            <li class="m_right_5 m_sm_bottom_5">
              <button type="button" class="select_color blue r_corners color_dark"><i class="fa fa-check lh_inherit tr_all_hover"></i></button>
            </li>
            <li class="m_right_5 m_sm_bottom_5">
              <button type="button" class="select_color green r_corners color_dark"><i class="fa fa-check lh_inherit tr_all_hover"></i></button>
            </li>
            <li class="m_right_5 m_sm_bottom_5">
              <button type="button" class="select_color grey r_corners color_dark"><i class="fa fa-check lh_inherit tr_all_hover"></i></button>
            </li>
            <li class="m_right_5 m_sm_bottom_5">
              <button type="button" class="select_color yellow r_corners color_dark"><i class="fa fa-check lh_inherit tr_all_hover"></i></button>
            </li>
          </ul>
        </fieldset>
        <button type="reset" class="color_dark bg_tr text_cs_hover tr_all_hover"><i class="fa fa-refresh lh_inherit m_right_10"></i>Làm lại</button>
      </form>
    </div>
  </figure>
  <figure class="widget shadow r_corners wrapper m_bottom_30">
    <figcaption>
      <h3 class="color_light">Danh mục sản phẩm</h3>
    </figcaption>
    <div class="widget_content"> 
      <!--Categories list-->
      <ul class="categories_list">
        <li class="active"> <a href="#" class="f_size_large scheme_color d_block relative"> <b>Women</b> <span class="bg_light_color_1 r_corners f_right color_dark talign_c"></span> </a> 
          <!--second level-->
          <ul>
            <li class="active"> <a href="#" class="d_block f_size_large color_dark relative"> Dresses<span class="bg_light_color_1 r_corners f_right color_dark talign_c"></span> </a> 
              <!--third level-->
              <ul>
                <li><a href="#" class="color_dark d_block">Evening Dresses</a></li>
                <li><a href="#" class="color_dark d_block">Casual Dresses</a></li>
                <li><a href="#" class="color_dark d_block">Party Dresses</a></li>
              </ul>
            </li>
            <li> <a href="#" class="d_block f_size_large color_dark relative"> Accessories<span class="bg_light_color_1 r_corners f_right color_dark talign_c"></span> </a> </li>
            <li> <a href="#" class="d_block f_size_large color_dark relative"> Tops<span class="bg_light_color_1 r_corners f_right color_dark talign_c"></span> </a> </li>
          </ul>
        </li>
        <li> <a href="#" class="f_size_large color_dark d_block relative"> <b>Men</b> <span class="bg_light_color_1 r_corners f_right color_dark talign_c"></span> </a> 
          <!--second level-->
          <ul class="d_none">
            <li> <a href="#" class="d_block f_size_large color_dark relative"> Shorts<span class="bg_light_color_1 r_corners f_right color_dark talign_c"></span> </a> 
              <!--third level-->
              <ul class="d_none">
                <li><a href="#" class="color_dark d_block">Evening</a></li>
                <li><a href="#" class="color_dark d_block">Casual</a></li>
                <li><a href="#" class="color_dark d_block">Party</a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li> <a href="#" class="f_size_large color_dark d_block relative"> <b>Kids</b> <span class="bg_light_color_1 r_corners f_right color_dark talign_c"></span> </a> </li>
      </ul>
    </div>
  </figure>
  <!--compare products-->
  <figure class="widget shadow r_corners wrapper m_bottom_30">
    <figcaption>
      <h3 class="color_light">So sánh giá</h3>
    </figcaption>
    <div class="widget_content"> Bạn không có sản phẩm nào để so sánh giá. </div>
  </figure>
  <!--banner--> 
  <a href="#" class="d_block r_corners m_bottom_30"> <img src="<?php echo base_url('assets');?>/images/banner_img_6.jpg" alt=""> </a> 
  <!--Bestsellers-->
  <figure class="widget shadow r_corners wrapper m_bottom_30">
    <figcaption>
      <h3 class="color_light">Bán chạy nhất</h3>
    </figcaption>
    <div class="widget_content">
      <div class="clearfix m_bottom_15"> <img src="<?php echo base_url('assets');?>/images/bestsellers_img_1.jpg" alt="" class="f_left m_right_15 m_sm_bottom_10 f_sm_none f_xs_left m_xs_bottom_0"> <a href="#" class="color_dark d_block bt_link">Ut tellus dolor dapibus</a> 
        <!--rating-->
        <ul class="horizontal_list clearfix d_inline_b rating_list type_2 tr_all_hover m_bottom_10">
          <li class="active"> <i class="fa fa-star-o empty tr_all_hover"></i> <i class="fa fa-star active tr_all_hover"></i> </li>
          <li class="active"> <i class="fa fa-star-o empty tr_all_hover"></i> <i class="fa fa-star active tr_all_hover"></i> </li>
          <li class="active"> <i class="fa fa-star-o empty tr_all_hover"></i> <i class="fa fa-star active tr_all_hover"></i> </li>
          <li class="active"> <i class="fa fa-star-o empty tr_all_hover"></i> <i class="fa fa-star active tr_all_hover"></i> </li>
          <li> <i class="fa fa-star-o empty tr_all_hover"></i> <i class="fa fa-star active tr_all_hover"></i> </li>
        </ul>
        <p class="scheme_color">$61.00</p>
      </div>
      <hr class="m_bottom_15">
      <div class="clearfix m_bottom_15"> <img src="<?php echo base_url('assets');?>/images/bestsellers_img_2.jpg" alt="" class="f_left m_right_15 m_sm_bottom_10 f_sm_none f_xs_left m_xs_bottom_0"> <a href="#" class="color_dark d_block bt_link">Elementum vel</a> 
        <!--rating-->
        <ul class="horizontal_list clearfix d_inline_b rating_list type_2 tr_all_hover m_bottom_10">
          <li class="active"> <i class="fa fa-star-o empty tr_all_hover"></i> <i class="fa fa-star active tr_all_hover"></i> </li>
          <li class="active"> <i class="fa fa-star-o empty tr_all_hover"></i> <i class="fa fa-star active tr_all_hover"></i> </li>
          <li class="active"> <i class="fa fa-star-o empty tr_all_hover"></i> <i class="fa fa-star active tr_all_hover"></i> </li>
          <li class="active"> <i class="fa fa-star-o empty tr_all_hover"></i> <i class="fa fa-star active tr_all_hover"></i> </li>
          <li> <i class="fa fa-star-o empty tr_all_hover"></i> <i class="fa fa-star active tr_all_hover"></i> </li>
        </ul>
        <p class="scheme_color">$57.00</p>
      </div>
      <hr class="m_bottom_15">
      <div class="clearfix m_bottom_5"> <img src="<?php echo base_url('assets');?>/images/bestsellers_img_3.jpg" alt="" class="f_left m_right_15 m_sm_bottom_10 f_sm_none f_xs_left m_xs_bottom_0"> <a href="#" class="color_dark d_block bt_link">Crsus eleifend elit</a> 
        <!--rating-->
        <ul class="horizontal_list clearfix d_inline_b rating_list type_2 tr_all_hover m_bottom_10">
          <li class="active"> <i class="fa fa-star-o empty tr_all_hover"></i> <i class="fa fa-star active tr_all_hover"></i> </li>
          <li class="active"> <i class="fa fa-star-o empty tr_all_hover"></i> <i class="fa fa-star active tr_all_hover"></i> </li>
          <li class="active"> <i class="fa fa-star-o empty tr_all_hover"></i> <i class="fa fa-star active tr_all_hover"></i> </li>
          <li class="active"> <i class="fa fa-star-o empty tr_all_hover"></i> <i class="fa fa-star active tr_all_hover"></i> </li>
          <li> <i class="fa fa-star-o empty tr_all_hover"></i> <i class="fa fa-star active tr_all_hover"></i> </li>
        </ul>
        <p class="scheme_color">$24.00</p>
      </div>
    </div>
  </figure>
  <!--tags-->
  <figure class="widget shadow r_corners wrapper m_bottom_30">
    <figcaption>
      <h3 class="color_light">Từ khóa tìm kiếm</h3>
    </figcaption>
    <div class="widget_content">
      <div class="tags_list"> <a href="#" class="color_dark d_inline_b v_align_b">accessories,</a> <a href="#" class="color_dark d_inline_b f_size_ex_large v_align_b">bestseller,</a> <a href="#" class="color_dark d_inline_b v_align_b">clothes,</a> <a href="#" class="color_dark d_inline_b f_size_big v_align_b">dresses,</a> <a href="#" class="color_dark d_inline_b v_align_b">fashion,</a> <a href="#" class="color_dark d_inline_b f_size_large v_align_b">men,</a> <a href="#" class="color_dark d_inline_b v_align_b">pants,</a> <a href="#" class="color_dark d_inline_b v_align_b">sale,</a> <a href="#" class="color_dark d_inline_b v_align_b">short,</a> <a href="#" class="color_dark d_inline_b f_size_ex_large v_align_b">skirt,</a> <a href="#" class="color_dark d_inline_b v_align_b">top,</a> <a href="#" class="color_dark d_inline_b f_size_big v_align_b">women</a> </div>
    </div>
  </figure>
</aside>
